<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>幽灵按钮</title>
    <link rel="stylesheet" href="../css/bootstrap-3.3.7.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
<h1>幽灵按钮</h1>
<div id="main">
    <ul>
        <li>
            <img src="../img/weapons/broadsword.png" alt="">
            <div class="title">金丝大环刀
                <span class="toRight"></span>
                <div class="top"></div>
                <div class="bottom"></div>
                <div class="left"></div>
                <div class="right"></div>
            </div>
        </li>
        <li>
            <img src="../img/weapons/machete.png" alt="">
            <div class="title">金蛇狂舞刀
                <span class="toRight"></span>
                <div class="top"></div>
                <div class="bottom"></div>
                <div class="left"></div>
                <div class="right"></div>
            </div>
        </li>
        <li>
            <img src="../img/weapons/sword.png" alt="">
            <div class="title">闭月羞光剑
                <span class="toRight"></span>
                <div class="top"></div>
                <div class="bottom"></div>
                <div class="left"></div>
                <div class="right"></div>
            </div>
        </li>
    </ul>
</div>
<!--<div id="test"> → </div>-->
<script src="../js/jquery-2.2.4.js"></script>
<script src="../js/main.js"></script>
</body>
</html>